<template>
  <div class="village">
    <el-card class="box-card">
      <h1>使用说明</h1>
      <p>1、编译器：vscode</p>
      <p>2、插件：eslint、Prettier - Code formatter</p>
      <p>3、使用npm下载yarn或者cnpm</p>
      <p>4、初始化下载依赖 yarn、cnpm i或者npm i</p>
      <p>5、启动yarn run dev、npm run dev或者cnpm run dev</p>
      <p>6、打包yarn build:prod、npm run build:prod或者cnpm run build:prod</p>
      <p>
        7、vscode配置eslint代码检查格式化如下: 文件->首选项->设置->setting.json
      </p>
      <p>
        ui组件库：<a
          style="color: blue"
          target="__blqnk"
          href="https://element.eleme.cn/#/zh-CN"
          >https://element.eleme.cn/#/zh-CN</a
        >
      </p>
      <p>
        项目解构：<a
          target="__blqnk"
          style="color: blue"
          href="https://panjiachen.github.io/vue-element-admin-site/zh/guide/"
          >https://panjiachen.github.io/vue-element-admin-site/zh/guide/</a
        >
      </p>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'File',
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>
<style lang="scss" scoped>
@import '../../styles/village.scss';
</style>
<style lang="scss" scoped>
.box-card {
  h1 {
    text-align: center;
  }
}
</style>
